<template>
    <div class="top">
        <h1>常见科室</h1>
        <div class="top_right">全部<el-icon>
                <ArrowRight />
            </el-icon></div>
    </div>
    <div class="bottom">
        <ul class="ul_left">
            <li>神经内科</li>
            <li>呼吸内科</li>
            <li>神经外科</li>
            <li>产科</li>
        </ul>
        <ul class="ul_right">
            <li>消化内科</li>
            <li>内科</li>
            <li>妇科</li>
            <li>儿科</li>
        </ul>
    </div>
</template>
<script setup lang='ts'>
</script>
<style scoped lang='scss'>
h1 {
    float: left;
}

.top_right {
    float: right;
    margin: 10px 0px;
    color: #999999;
    font-size: 14px;

    &:hover {
        color: #4490F1;
    }
}

.ul_left,
.ul_right {
    float: left;
    width: 80px;
    margin: 0 0 0 20px;

    li {
        margin-top: 10px;
        color: #333333;
        font-size: 14px;

        &:hover {
            color: #4490F1;
        }
    }
}
</style>